<template>
    <div class="car">
        购物车
        <hr>
        <p>商品数量为：{{ num }}</p>
        <p>商品总价为：{{ total }}</p>
        <hr>
        <button @click="onPay">申请支付</button>
    </div>
</template>

<script>
    export default {
        // 使用props，和使用data是一样的
        props:["num","total"],
        methods:{
            onPay(){
                console.log("子组件申请支付");
                this.$emit("onPay","alipay");
            }
        }
    }
</script>

<style scoped>
.car{
    border: 2px solid black;
    background-color: pink;
    padding: 10px;
}
</style>